<html lang="zh" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org" layout:decorate="~{template/container}">
<main class="main-content col" layout:fragment="content">
    <div th:replace="~{template/alert}"></div>
    <div class="main-content-container container-fluid px-4 my-auto h-100">
        <div class="row no-gutters h-100">
            <div class="col-lg-3 col-md-5 auth-form mx-auto my-auto">
                <div class="card">
                    <div class="card-body">
                        <img class="auth-form__logo d-table mx-auto mb-3" src="images/shards-dashboards-logo.svg" alt="Shards Dashboards - Register Template">
                        <h5 class="auth-form__title text-center mb-4">创建账号</h5>
                        <form method="post">
                            <div class="form-group">
                                <label for="userName">用户名</label>
                                <input type="text" class="form-control" id="userName" name="userName" placeholder="输入用户名" required>
                            </div>
                            <div class="form-group">
                                <label for="password">密码</label>
                                <input type="password" class="form-control" name="password" id="password" placeholder="密码" required>
                            </div>
                            <div class="form-group">
                                <label for="repeat-password">重复密码</label>
                                <input type="password" class="form-control" name="repeatPassword" id="repeat-password" placeholder="重复密码" required>
                            </div>
                            <div class="form-group mb-3 d-table mx-auto">
                                <div class="custom-control custom-checkbox mb-1">
                                    <input type="checkbox" class="custom-control-input" id="agreement" required>
                                    <label class="custom-control-label" for="agreement" >我同意<a href="#">用户协议</a>。</label>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-pill btn-accent d-table mx-auto">创建账号</button>
                        </form>
                    </div>
                </div>
                <div class="auth-form__meta d-flex mt-4">
                    <a href="forgot">忘记密码</a>
                    <a class="ml-auto" href="login">登录</a>
                </div>
            </div>
        </div>
    </div>
</main>
</html>